<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Flight Status</title>
<link rel="stylesheet" href="./css/airline.css">
<link rel="stylesheet"
	href="./css/font-awesome-4.7.0/css/font-awesome.min.css">
<script src="./js/jquery-3.4.1.min.js"></script>
<script src="./js/flight.js"></script>
</head>
<body>
	<div class="top">
		<div class="logo">
			<img class="logoimg" src="./image/logo/logo1.png" alt="">
		</div>
		<div class="status">Office User Menu</div>
	</div>
	<div class="menulist">
		<a href="OfficeUserMenu.html"><div class="list_sf">Search
				Flights</div></a>
		<div class="list_sf" style="color: #F79420;">Flight Status</div>
		<div class="list_out">Logout</div>
	</div>
	<div class="searchlist" style="display: block;">
		<div class="optiondate" style="width: 150px; float: left;">
			<p style="line-height: 30px;">Departure Date：</p>
			<input style="width: 120px;" type="date" value="2019-08-25"
				max="2019-08-25" /> <i class="fa fa-calendar" aria-hidden="true"></i>
		</div>
		<div class="searchbutton" style="float: left;">
			<input type="button" name="" id="" value="Search" />
		</div>
	</div>
	<div class="msglist" style="height: 420px;">
		<div class="formtitle">
			<div class="page">
				<div class="prev">
					<i class="fa fa-step-backward" aria-hidden="true"></i>
				</div>
				<div class="prev">
					<i class="fa fa-chevron-left" aria-hidden="true"></i>
				</div>
				<div class="pagenum">
					<select class="pages">
						<option value="volvo">1</option>
					</select> of
					<div class="info" style="display: inline;"></div>
				</div>
				<div class="prev">
					<i class="fa fa-chevron-right" aria-hidden="true"></i>
				</div>
				<div class="prev">
					<i class="fa fa-step-forward" aria-hidden="true"></i>
				</div>
			</div>
			<div class="refresh">
				<div class="reicon">
					<i class="fa fa-arrow-left" aria-hidden="true"></i>
				</div>
				<div class="reicon">
					<i class="fa fa-times-circle-o" aria-hidden="true"></i>
				</div>
				<div class="reicon">
					<i class="fa fa-refresh" aria-hidden="true"></i>
				</div>
			</div>
			<div class="print">
				<div class="reicon">
					<i class="fa fa-print" aria-hidden="true"></i>
				</div>
				<div class="reicon">
					<i class="fa fa-file-text-o" aria-hidden="true"></i>
				</div>
				<div class="reicon">
					<i class="fa fa-map-o" aria-hidden="true"></i>
				</div>
				<div class="reicon">
					<i class="fa fa-floppy-o" aria-hidden="true"></i>
				</div>
			</div>
			<div class="view">
				<div class="NUM">
					<select style="width: 80px;">
						<option value="volvo">100%</option>
					</select>
				</div>
			</div>
		</div>
		<div class="formclass">
			<table>
				<thead>
					<tr class="thead">
						<th>No</th>
						<th>Flight Number</th>
						<th>From</th>
						<th>To</th>
						<th>Schedule Start</th>
						<th>Schedule Arrival</th>
						<th>Actual Arrival</th>
						<th>Gate</th>
						<th>Status</th>
					</tr>
				</thead>
				<tbody>
					<tr class="tdcolor">
						<td>1</td>
						<td>101</td>
						<td>Beijing/PEK</td>
						<td>Rome/CIA</td>
						<td>05:00</td>
						<td>09:00</td>
						<td>09:05</td>
						<td>F10</td>
						<td>Delay 5 minutes</td>

					</tr>
					<tr class="tdcolor1">
						<td>2</td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>

					</tr>
					<tr class="tdcolor">
						<td>3</td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>

					</tr>
					<tr class="tdcolor1">
						<td>4</td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>

					</tr>
					<tr class="tdcolor">
						<td>5</td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>

					</tr>
					<tr class="tdcolor1">
						<td>6</td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
					</tr>
					<tr class="tdcolor">
						<td>7</td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
					</tr>
					<tr class="tdcolor1">
						<td>8</td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
					</tr>
					<tr class="tdcolor">
						<td>9</td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
					</tr>
					<tr class="tdcolor1">
						<td>10</td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
					</tr>
				</tbody>
			</table>
		</div>
	</div>

</body>
</html>